<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>PageRank文献排序</title>
    <!-- Basic Favicon CSS -->
    <link rel="shortcut icon" href="/public/images/favicon.ico" />
    <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
    <link rel="stylesheet" href="/public/css/bs_backend_plugin.min.css">
    <link rel="stylesheet" href="/public/css/bs_backend.css">
    <link rel="stylesheet" href="/public/css/bs_template.css">
</head>

<body class=" color-light ">
    <!-- 加载界面 -->
    <div id="loading">
        <div id="loading-center">
        </div>
    </div>
    <!-- 主界面 -->
    <div class="wrapper">
        <!-- 侧边栏 -->
        <div class="iq-sidebar  sidebar-default ">
            <!-- 顶标签 -->
            <div class="iq-sidebar-logo d-flex align-items-center justify-content-between">
                <a href="index.html" class="header-logo">
                    <h5 class="logo-title light-logo ml-3">MENU</h5>
                </a>
                <div class="iq-menu-bt-sidebar ml-0">
                    <i class="las la-bars wrapper-menu"></i>
                </div>
            </div>
            <div class="data-scrollbar" data-scroll="1">
                <nav class="iq-sidebar-menu">
                    <ul id="iq-sidebar-toggle" class="iq-menu">
                        <li class="">
                            <a href="index.html" class="svg-icon">
                                <i class="las la-pencil-ruler"></i>
                                <span class="ml-4">算法演示</span></a>
                        </li>
                        <li class="active">
                            <a href="#product" class="collapsed" data-toggle="collapse" aria-expanded="false">
                                <i class="las la-server"></i>
                                <span class="ml-4">文献数据库</span>
                                <svg class="svg-icon iq-arrow-right arrow-active" width="20" height="20"
                                    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
                                    stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                    stroke-linejoin="round">
                                    <polyline points="10 15 15 20 20 15"></polyline>
                                    <path d="M4 4h7a4 4 0 0 1 4 4v12"></path>
                                </svg>
                            </a>
                            <ul id="product" class="iq-submenu collapse" data-parent="#iq-sidebar-toggle">
                                <li class="">
                                    <a href="/db-view.html">
                                        <i class="las la-binoculars"></i><span>查看数据库</span>
                                    </a>
                                </li>
                                <li class="">
                                    <a href="/db-mgr.html">
                                        <i class="lab la-wpforms"></i><span>管理数据库</span>
                                    </a>
                                </li>
                                <li class="active">
                                    <a href="/search.html">
                                        <i class="las la-sort-amount-up"></i><span>文献重排序</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
                <div class="p-3"></div>
            </div>
        </div>
        <!-- 顶栏 -->
        <div class="iq-top-navbar">
            <div class="iq-navbar-custom">
                <nav class="navbar navbar-expand-lg navbar-light p-0">
                    <div id="nav-title" class="d-flex align-items-center justify-content-between">
                        <i class="ri-menu-line wrapper-menu"></i>
                        <a href="index.html" class="header-logo">
                            <h5 class="logo-title ml-3">PageRank文献排序</h5>
                        </a>
                    </div>
                    <div class="d-flex align-items-center">
                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                            data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-label="Toggle navigation">
                            <i class="ri-menu-3-line"></i>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <ul class="navbar-nav ml-auto navbar-list align-items-center">
                                <li class="nav-item nav-icon dropdown">
                                </li>
                                <li>
                                    <a id="lgbtn" href="/login.html" class="btn border add-btn shadow-none mx-2 d-none d-md-block">
                                        <i class="las la-plus-circle mr-2"></i>
                                        <span>登录</span>
                                    </a>
                                    <!-- <a href="#" class="btn border add-btn shadow-none mx-2 d-none d-md-block"
                                    data-toggle="modal" data-target="#new-order">
                                    <i class="lar la-user mr-2"></i>
                                    LiuKairui
                                    </a> -->
                                </li>
                                <li class="nav-item nav-icon search-content">
                                    <a href="#" class="search-toggle rounded" id="dropdownSearch" data-toggle="dropdown"
                                        aria-haspopup="true" aria-expanded="false">
                                        <i class="ri-search-line"></i>
                                    </a>
                                    <div class="iq-search-bar iq-sub-dropdown dropdown-menu"
                                        aria-labelledby="dropdownSearch">
                                        <form action="#" class="searchbox p-2">
                                            <div class="form-group mb-0 position-relative">
                                                <input type="text" class="text search-input font-size-12"
                                                    placeholder="type here to search...">
                                                <a href="#" class="search-link"><i class="las la-search"></i></a>
                                            </div>
                                        </form>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
        <!-- 内容栏 -->
        <div class="content-page">
            <div class="container-fluid">
                <div class="row">
                    {{each artList item key}}
                    {{if key%2==0}}
                    <div class="col-sm-12 col-lg-6" id="col1">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between">
                                <div class="header-title">
                                    <a href={{item.link}}><h4 class="card-title">{{item.title}}</h4></a>
                                </div>
                            </div>
                            <div class="card-body">
                                <p title="{{item.summary}}">{{item.summary.substring(0,150)+"..."}}</p>
                                <ul class="nav nav-tabs" id={{"myTab-1-"+item.ArtID}} role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="home-tab" data-toggle="tab" href={{"#home"+item.ArtID}}
                                            role="tab" aria-controls={{"home"+item.ArtID}} aria-selected="true">关键字</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="profile-tab" data-toggle="tab" href={{"#profile"+item.ArtID}}
                                            role="tab" aria-controls={{"profile"+item.ArtID}} aria-selected="false">作者</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="contact-tab" data-toggle="tab" href={{"#contact"+item.ArtID}}
                                            role="tab" aria-controls={{"contact"+item.ArtID}} aria-selected="false">参考文献</a>
                                    </li>
                                </ul>
                                <div class="tab-content" id={{"myTabContent-2-"+item.ArtID}}>
                                    <div class="tab-pane fade show active" id={{"home"+item.ArtID}} role="tabpanel"
                                        aria-labelledby="home-tab">
                                        <p>{{item.showKey.replaceAll("\n",";")}}</p>
                                    </div>
                                    <div class="tab-pane fade" id={{"profile"+item.ArtID}} role="tabpanel"
                                        aria-labelledby="profile-tab">
                                        <div>{{item.showAth.replaceAll("/","@").replaceAll("\n","/")}}</div>
                                    </div>
                                    <div class="tab-pane fade" id={{"contact"+item.ArtID}} role="tabpanel"
                                        aria-labelledby="contact-tab">
                                        <p>{{item.showRef}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{/if}}
                    {{if key%2==1}}
                    <div class="col-sm-12 col-lg-6" id="col2">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between">
                                <div class="header-title">
                                    <a href={{item.link}}><h4 class="card-title">{{item.title}}</h4></a>
                                </div>
                            </div>
                            <div class="card-body">
                                <p title="{{item.summary}}">{{item.summary.substring(0,150)+"..."}}</p>
                                <ul class="nav nav-tabs" id={{"myTab-1-"+item.ArtID}} role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="home-tab" data-toggle="tab" href={{"#home"+item.ArtID}}
                                            role="tab" aria-controls={{"home"+item.ArtID}} aria-selected="true">关键字</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="profile-tab" data-toggle="tab" href={{"#profile"+item.ArtID}}
                                            role="tab" aria-controls={{"profile"+item.ArtID}} aria-selected="false">作者</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="contact-tab" data-toggle="tab" href={{"#contact"+item.ArtID}}
                                            role="tab" aria-controls={{"contact"+item.ArtID}} aria-selected="false">参考文献</a>
                                    </li>
                                </ul>
                                <div class="tab-content" id={{"myTabContent-2-"+item.ArtID}}>
                                    <div class="tab-pane fade show active" id={{"home"+item.ArtID}} role="tabpanel"
                                        aria-labelledby="home-tab">
                                        <p>{{item.showKey.replaceAll("\n",";")}}</p>
                                    </div>
                                    <div class="tab-pane fade" id={{"profile"+item.ArtID}} role="tabpanel"
                                        aria-labelledby="profile-tab">
                                        <div>{{item.showAth.replaceAll("/","@").replaceAll("\n","/")}}</div>
                                    </div>
                                    <div class="tab-pane fade" id={{"contact"+item.ArtID}} role="tabpanel"
                                        aria-labelledby="contact-tab">
                                        <p>{{item.showRef}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{/if}}
                    {{/each}}
                </div>
            </div>
        </div>
    </div>
    <!-- Wrapper End-->
    <footer class="iq-footer">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-6">
                            <ul class="list-inline mb-0">
                                <li class="list-inline-item">本页面用于展示数据结构与数据库课程设计</li>
                                <li class="list-inline-item"><img src="/public/images/icp.png"
                                        style="vertical-align: text-bottom;"><a href="https://beian.miit.gov.cn/"
                                        target="_blank">晋 ICP 备 19015041 号 - 2</a></li>
                            </ul>
                        </div>
                        <div class="col-lg-6 text-right">
                            <span class="mr-1">
                                © 2019 – <script>
                                    document.write(new Date().getFullYear())
                                </script>
                            </span> <i class="las la-heart with-love"></i> LiuKairui
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Backend Bundle JavaScript -->
    <script src="/public/js/bs_backend_bundle.min.js"></script>
    <!-- Table Treeview JavaScript -->
    <script src="/public/js/bs_treeview.js"></script>
    <!-- Chart Custom JavaScript -->
    <script src="/public/js/bs_customizer.js"></script>
    <!-- Chart Custom JavaScript -->
    <script async src="/public/js/bs_chart.js"></script>
    <!-- app JavaScript -->
    <script src="/public/js/sweetalert.min.js"></script>
    <script src="/public/js/bs_app.js"></script>
    <script src="/public/js/logcheck.js"></script>
</body>

</html>